<%@ page pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
    <!-- CSS -->
      <!--  <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=PT+Sans:400,700'>-->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/logincss/reset.css">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/logincss/supersized.css">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/logincss/style.css">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <!--  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>-->
        <!--[endif]-->
</head>
<body>
  <div class="page-container">
            <h1 style="color: blue">生疏仓库管理系统</h1>
            <form action="" method="post">
            
            <input type="text" name="name"  placeholder="请输入用户名">
            <div id="nameMag" style="color:red;float:right"></div>
            <input type="password" name="password" placeholder="请输入密码">
            <div id="passwordMag" style="color:red;float:right"></div>
                <button type="submit">请登录</button>
                <div style="line-height:50px">
                    <span style="float: left;color: #111111" > <a href="">注册</a></span>
                    <span style="float: right;color: #111111"><a href="">忘记密码</a></span>
                </div>

            </form>
        </div>


        <!-- Javascript -->
        <script src="${pageContext.request.contextPath}/js/loginjs/jquery-1.8.2.min.js"></script>
        <script src="${pageContext.request.contextPath}/js/loginjs/supersized.3.2.7.min.js"></script>
        <script src="${pageContext.request.contextPath}/js/loginjs/supersized-init.js"></script>
        
</body>
<script src="${pageContext.request.contextPath}/js/loginjs/jquery.js"></script>
<script src="${pageContext.request.contextPath}/js/loginjs/jquery.validate.js"></script>
<script src="${pageContext.request.contextPath}/js/loginjs/messages_zh.js"></script>
<script>
   $('form').validate({
        rules:{
            name:'required',
            password:{
                required:true,
                rangelength:[5,10]
            }
        },
        messages:{
            name:'用户名不能为空',
            password:{
                required: "请输入密码",
                minlength: "密码长度不能小于 5 个字母"

            }
        },
        errorPlacement: function(error, element) {  
            $('#'+element.attr('name')+'Mag').append(error);
                //alert('#'+element.attr('name'))
               }
   }) 
   </script>
</html>